<div class="col-md-12 process-query">
  <h1 class="page-title"> 流程列表</h1>

  <breadcrumbs data="breadcrumbsData"></breadcrumbs>

  <!--流程列表的首页-->
  <div class="row">

    <!--tree的搜索及展示-->
    <div class="col-md-3">
      <div class="portlet light ng-isolate-scope" style="width: 100%">
        <div class="input-group" style="width: 220px;border: 1px solid #e1e5ec; border-radius: 25px !important; padding-left: 2px">
          <input type="text" class="form-control" placeholder="文件夹名称" style="border: none">
          <span class="input-group-btn">
              <a href="javascript:;" class="btn submit">
                  <i class="icon-magnifier"></i>
              </a>
          </span>
        </div>
        <!--tree的指令-->
        <div class="portlet light ">
          <div class="portlet-title">
            <div class="caption">
              <i class="icon-social-dribbble font-blue-sharp"></i>
              <span class="caption-subject font-blue-sharp bold uppercase">流程菜单</span>
            </div>
          </div>
          <div class="portlet-body xb-tree-wrap">
            <div tree-item tree-data="treeData" call-back="treeCallBack"></div>
          </div>
        </div>
      </div>
    </div>

    <!--全部状态的搜索及展示-->
    <div class="col-md-9">
      <div class="portlet light ng-isolate-scope" style="width: 100%">
        <div style="height:50px; margin: 10px 0">
          <!--搜索条-->
          <div class="input-group" style="width: 200px;border: 1px solid #e1e5ec; border-radius: 25px !important; padding-left: 2px; float: left;overflow: hidden;">
            <input type="text" class="form-control" placeholder="流程名称/审核人/创建人/修改人" style="border: none" ng-model="query">
            <span class="input-group-btn">
              <a href="javascript:;" class="btn submit">
                  <i class="icon-magnifier"></i>
              </a>
            </span>
          </div>
          <!-- 编辑时间 -->
          <div style="float: left; height: 36px; margin: 3px 5px;">
            <form class="form-inline">
              <div class="form-group">
                <label>编辑时间:</label>
                <input type="text" class="form-control" ng-model="editTime" placeholder="编辑时间" bs-datepicker style="width: 140px;">
              </div>
              <div class="form-group">
                <label>审核时间:</label>
                <input type="text" class="form-control" ng-model="auditTime" placeholder="审核时间" bs-datepicker style="width: 140px;">
              </div>
            </form>
          </div>
          <!-- 查询 -->
          <div style="float: left; height: 36px; margin: 3px 5px;">
            <button class="btn btn-default">查询</>
          </div>
        </div>
        <div class="table-scrollable" style="border: none">
          <table class="table table-striped table-bordered table-hover dataTable no-footer dtr-inline">
            <thead>
              <tr>
                <th ng-repeat="item in headList" ng-bind="item.title" ng-class="[{true: 'sorting'}[item.type !== 'ignore'], {true: 'sorting_asc'}[orderType === item.type && isUp], {true: 'sorting_desc'}[orderType === item.type && !isUp]]"
                  ng-click="changeOrder(item.type)"></th>
              </tr>
            </thead>
            <tbody>
              <tr ng-repeat="item in reviewList">
                <td ng-bind="$index+1"></td>
                <td ng-bind="item.name"></td>
                <td ng-bind="item.group_name"></td>
                <td ng-bind="item.node_count"></td>
                <td ng-bind="item.creator_name"></td>
                <td ng-bind="item.modifier_name"></td>
                <td>{{:: item.editTime | date:'yyyy-MM-dd HH:mm:ss' }}</td>
                <td ng-bind="item.reviewer_name"></td>
                <td>{{:: item.reviewerTime | date:'yyyy-MM-dd HH:mm:ss'}}</td>
                <td ng-bind="stateParse[item.state]"></td>
                <td>
                  <a href="#" ng-if="item.state === 'pending'">通过</a>
                  <a href="#" ng-if="item.state === 'pending'">拒绝</a>
                  <span href="#" ng-if="item.state !== 'pending'">通过</span>
                  <span href="#" ng-if="item.state !== 'pending'">拒绝</span>
                  <a href="#">查看</a>
                </td>
              </tr>
            </tbody>
          </table>
          <div page></div>
        </div>
      </div>
    </div>
  </div>
</div>